

.banner{width: 100%; position: fixed}
.banner .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover}

.banner .swiper-slide-active .img{animation: ban_ani 8s 1s forwards; -webkit-animation: ban_ani 8s 1s forwards}

.banner .txt{position: absolute; z-index: 3}
.banner .txt1{right: 10%; top: 60%;}
.banner .txt2{left: 10%; top: 26%;}
.banner .txt img{display: block; float: none; text-align: right; margin-bottom: 20px}
.banner .txt .ban_t1{transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all ease .5s 2s; -webkit-transition: all ease .5s 2s; opacity: 0}
.banner .txt .ban_t2{transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all ease .5s 2.4s; -webkit-transition: all ease .5s 2.4s; opacity: 0}
.banner .txt .ban_t3{transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all ease .5s 2.8s; -webkit-transition: all ease .5s 2.8s; opacity: 0}

.banner .swiper-slide-active .txt .ban_t1{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1}
.banner .swiper-slide-active .txt .ban_t2{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1}
.banner .swiper-slide-active .txt .ban_t3{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1}

.banner .banner_mark{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2}

.mark{width: 100%; position: relative}
.banner_bg{width: 80%; position: absolute; bottom: 0; left: 0; height: 60px; background: rgba(0,0,0,.4); z-index: 2}
.banner_bg h3{font-size: 18px; color: #fff; line-height: 60px; margin-left: 120px; padding-left: 60px; background: url("../image/logoi.png") no-repeat left center}
.banner_bg h3 b{font-size: 14px; color: #fff; line-height: 60px; margin-left: 40px; font-weight: normal}

.swiper-pagination-current{position: relative; padding-left: 20px; font-family: 'novecentowide-normal'}
.swiper-pagination-current:before{content: "0"; display: block; position: absolute; top: 0; left: 0}
.swiper-pagination-total{position: relative; padding-left: 20px; font-family: 'novecentowide-normal'}
.swiper-pagination-total:before{content: "0"; display: block; position: absolute; top: 0; left: 0}


@keyframes ban_ani {
    0%{transform: scale(1)}
    50%{transform: scale(1.1)}
    100%{transform: scale(1)}
}

.txtScroll-top{width:480px; position: absolute; top: 0; left: 0; margin: 19px 0 0 440px;}
.txtScroll-top .hd{display: none}
.txtScroll-top .bd ul{list-style: none;}
.txtScroll-top .bd li{height:24px; line-height:24px;   }
.txtScroll-top .bd li a{font-size: 14px; color: #fff;}
.txtScroll-top .bd li a .sp1{margin-left: 30px; font-family: 'novecentowide-normal'}


/*----content----*/
.content{position: relative; background: #fff; z-index: 2}

.title{position: relative; padding: 60px 0 40px 0; text-align: center}
.title h3{font-size: 32px; color: #333; margin-bottom: 8px; font-family: 'novecentowide-normal'}
.title p{font-size: 22px; color: #333; font-weight: bold}

/*----list01----*/
.list01{position: relative; padding-bottom: 60px;}
.list01 .list01_con{width: 92%; margin: 0 auto}
.list01 .list01_con .ul{list-style: none; margin-right: -1%}
.list01 .list01_con .ul li{width: 23.3333%; float: left; margin-right: 1%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .ul li a{transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .ul li .img{width: 100%; overflow: hidden; position: relative}
.list01 .list01_con .ul li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .ul li .img .img_c{display: block; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .ul li .txt{width: 100%; height: 120px; padding-top: 40px; border: 1px solid #e0e0e0; text-align: center}
.list01 .list01_con .ul li .txt h3{font-size: 18px; color: #333; font-weight: bold}
.list01 .list01_con .ul li .txt p{font-size: 13px; color: #888; font-family: 'novecentowide-normal' }

.list01 .list01_con .ul li:hover a{box-shadow: 0 0 10px 2px rgba(0,0,0,.2); transform: translateY(-20px); -webkit-transform: translateY(-20px)}
.list01 .list01_con .ul li:hover .img img{opacity: 0}
.list01 .list01_con .ul li:hover .img .img_c{opacity: 1}

/*----list02----*/
.list02{position: relative;background: #f2f2f2; padding-bottom: 80px}
.list02 .list02_con{width: 1440px; margin: 0 auto}
.list02 .list02_con h3{width: 80%; margin: 0 auto 40px auto; font-size: 16px; color: #333; line-height: 1.8; text-align: center}
.list02 .list02_con h4{width: 80%; margin: 0 auto 40px auto; font-size: 13px; color: #333; line-height: 24px; text-align: center}
.list02 .list02_con .list02_img{width: 100%; height: 300px; position: relative; background: url("../image/list02_img01.jpg") no-repeat; background-size: cover}
.list02 .list02_con .list02_img .list02_ico{list-style: none; width: 80%; margin: 0 auto; position: relative; z-index: 2}
.list02 .list02_con .list02_img .list02_ico li{width: 25%; float: left; margin-top: 80px; text-align: center}
.list02 .list02_con .list02_img .list02_ico li .link01{width: 180px; height: 123px; margin: 0 auto}
.list02 .list02_con .list02_img .list02_ico li .link01 .li{display: block; width: 107px; height: 123px; margin: 0 auto; position: relative;}
.list02 .list02_con .list02_img .list02_ico li .link01 .li .bor{display: block; width: 94px; height: 108px; position: absolute; top: 0; left: 0; margin: 7px 0 0 6px; background: url("../image/list02_img02.png") no-repeat; transition: all ease .2s; -webkit-transition: all ease .2s}
.list02 .list02_con .list02_img .list02_ico li .link01 .li i{display: block; width: 100%; height: 100%; line-height: 108px; position: relative; text-align: center; z-index: 2}
.list02 .list02_con .list02_img .list02_ico li .link01 .li .bor01{display: block; width: 107px; height: 123px; background: url("../image/list02_img03.png") no-repeat; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transform: scale(0.6); -webkit-transform: scale(0.6);  transition: all ease .3s; -webkit-transition: all ease .3s}
.list02 .list02_con .list02_img .list02_ico li:nth-child(1) .link01 .li i{background: url("../image/c1.png") no-repeat center}
.list02 .list02_con .list02_img .list02_ico li:nth-child(2) .link01 .li i{background: url("../image/c2.png") no-repeat center}
.list02 .list02_con .list02_img .list02_ico li:nth-child(3) .link01 .li i{background: url("../image/c3.png") no-repeat center}
.list02 .list02_con .list02_img .list02_ico li:nth-child(4) .link01 .li i{background: url("../image/c4.png") no-repeat center}
.list02 .list02_con .list02_img .list02_ico li .link01 p{font-size: 16px; color: #fff; text-align: center}
.list02 .list02_con .list02_img .list02_ico li .link01 b{font-size: 13px; font-weight: normal; color: #e0e0e0; text-align: center; font-style: normal; font-family: 'novecentowide-normal'}
.list02 .list02_con .list02_img .list02_bg{width: 100%; height: 100%;  background-color: rgba(0,0,0,.1); position: absolute; top: 0; left: 0}

.list02 .list02_con .list02_img .list02_ico li .link01:hover .li .bor{transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0}
.list02 .list02_con .list02_img .list02_ico li .link01:hover .li .bor01{transform: scale(1); -webkit-transform: scale(1); opacity: 1}

/*----list03----*/
.list03{position: relative; padding-top: 100px; padding-bottom: 60px;}
.list03 .list03_con{width: 80%; margin: 0 auto; overflow: hidden}
.list03 .list03_con .list03_left{width: 35%;}
.list03 .list03_con .list03_left .txt{width: 100%; height: 420px; padding: 80px 100px 0 0; transition: all ease .3s; -webkit-transition: all ease .3s}
.list03 .list03_con .list03_left .txt h3{font-size: 22px; color: #333; margin-bottom: 40px;}
.list03 .list03_con .list03_left .txt p{font-size: 14px; color: #666; line-height: 24px;}
.list03 .list03_con .list03_left .txt .link{font-size: 14px; color: #d60121; margin: 40px 0 0 0}
.list03 .list03_con .list03_left .txt .link i{font-size: 16px; margin-left: 6px; transition: all ease .2s; -webkit-transition: all ease .2s}
.list03 .list03_con .list03_left .img{width: 100%; height: 300px; overflow: hidden}
.list03 .list03_con .list03_left .img img{width: 100%; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s}


.list03 .list03_con .list03_right{width: 65%}
.list03 .list03_con .list03_right .list03_right_con{width: 100%; height: 420px; overflow: hidden}
.list03 .list03_con .list03_right .list03_right_con img{width: 100%}

.list03 .list03_con .list03_right .list03_right_conn{width: 100%; height: 300px; overflow: hidden}
.list03 .list03_con .list03_right .list03_right_conn .conn_left{width: 50%; padding: 40px 50px}
.list03 .list03_con .list03_right .list03_right_conn .conn_left h2{font-size: 18px; color: #333; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0;}
.list03 .list03_con .list03_right .list03_right_conn .conn_left h3{font-size: 16px; color: #333; margin-bottom: 20px; transition: all ease .3s; -webkit-transition: all ease .3s}
.list03 .list03_con .list03_right .list03_right_conn .conn_left p{font-size: 13px; color: #666; line-height: 24px;}
.list03 .list03_con .list03_right .list03_right_conn .conn_left .link{font-size: 14px; color: #d60121; margin: 30px 0 0 0}
.list03 .list03_con .list03_right .list03_right_conn .conn_left .link i{font-size: 16px; margin-left: 6px; transition: all ease .2s; -webkit-transition: all ease .2s}
.list03 .list03_con .list03_right .list03_right_conn .conn_right{width: 50%; overflow: hidden}
.list03 .list03_con .list03_right .list03_right_conn .conn_right img{width: 100%; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s}

.list03 .slick-prev{visibility: hidden}
.list03 .slick-next{width: 50px; height: 50px; left: 0; background: #fff; }
.list03 .slick-next:before{width: 50px; height: 50px; background: url("../image/next1.png") no-repeat; background-size: cover}
.list03 .slick-next:hover, .list03 .slick-next:focus{background: #fff}

.list03 .list03_con .list03_left:hover .txt{transform: translateY(-10px); -webkit-transform: translateY(-10px)}
.list03 .list03_con .list03_left:hover .img img{transform: scale(1.2); -webkit-transform: scale(1.2)}
.list03 .list03_con .list03_left .txt .link:hover i{margin-left: 10px}

.list03 .list03_con .list03_right .list03_right_conn:hover .conn_left h3{color: #d60121; transform: translateX(10px); -webkit-transform: translateX(10px)}
.list03 .list03_con .list03_right .list03_right_conn:hover .conn_right img{transform: scale(1.2); -webkit-transform: scale(1.2)}
.list03 .list03_con .list03_right .list03_right_conn .conn_left .link:hover i{margin-left: 10px}


/*----list04----*/
.list04{position: relative; padding-bottom: 60px}
.list04 .list04_con{overflow: hidden}
.list04 .list04_con .list04_list .list{list-style: none; margin-right: -2.3333%}
.list04 .list04_con .list04_list .list li{width: 17%; float: left; margin-right: 2.3333%; transition: all ease-out .3s; -webkit-transition: all ease-out .3s}
.list04 .list04_con .list04_list .list li .img{width: 100%; height: 405px; overflow: hidden}
.list04 .list04_con .list04_list .list li .img img{width: 100%; transition: all ease-out .3s; -webkit-transition: all ease-out .3s}
.list04 .list04_con .list04_list .list li .txt{padding-top: 14px}
.list04 .list04_con .list04_list .list li .txt h3{font-size: 16px; color: #333; margin-bottom: 10px; transition: all ease-out .3s; -webkit-transition: all ease-out .3s}
.list04 .list04_con .list04_list .list li .txt p{font-size: 12px; color: #666; line-height: 24px; margin-bottom: 10px;}
.list04 .list04_con .list04_list .list li .txt h6{font-size: 12px; color: #999; padding-left: 24px; font-family: 'novecentowide-normal'; background: url("../image/eye.png") no-repeat center left}

.list04 .list04_con .list04_list .list li:hover{transform: translateY(-16px); -webkit-transform: translateY(-16px)}
.list04 .list04_con .list04_list .list li:hover .img img{transform: scale(1.06); -webkit-transform: scale(1.06)}
.list04 .list04_con .list04_list .list li:hover .txt h3{color: #d60121}

.list04 .list04_con .list04_list .list li:nth-child(1){animation-delay: .6s; -webkit-animation-delay: .6s}
.list04 .list04_con .list04_list .list li:nth-child(2){animation-delay: .8s; -webkit-animation-delay: .8s}
.list04 .list04_con .list04_list .list li:nth-child(3){animation-delay: 1s; -webkit-animation-delay: 1s}
.list04 .list04_con .list04_list .list li:nth-child(4){animation-delay: .6s; -webkit-animation-delay: .6s}
.list04 .list04_con .list04_list .list li:nth-child(5){animation-delay: .8s; -webkit-animation-delay: .8s}
.list04 .list04_con .list04_list .list li:nth-child(6){animation-delay: 1s; -webkit-animation-delay: 1s}
.list04 .list04_con .list04_list .list li:nth-child(7){animation-delay: .6s; -webkit-animation-delay: .6s}
.list04 .list04_con .list04_list .list li:nth-child(8){animation-delay: .8s; -webkit-animation-delay: .8s}
.list04 .list04_con .list04_list .list li:nth-child(9){animation-delay: 1s; -webkit-animation-delay: 1s}
.list04 .list04_con .list04_list .list li:nth-child(10){animation-delay: 1s; -webkit-animation-delay: 1s}


/*----list05----*/
.list05{position: relative; width: 100%; height: 300px; overflow: hidden}
.list05 .list05_bg{width: 100%; height: 100%; background-size: cover; background-attachment: fixed}
.list05 .list05_mark{width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0}

.list05 .list05_con .li{width: 25%; float: left; padding-top: 90px; text-align: center; position: relative; z-index: 2}
.list05 .list05_con .li span{height: 70px; font-size: 60px; color: #fff; margin-top: 10px; font-family: 'novecentowide-normal'}
.list05 .list05_con .li i{font-size: 12px; font-style: normal; color: #fff; vertical-align: top; line-height: 50px; padding-left: 6px}
.list05 .list05_con .li p{font-size: 12px; color: #fff; line-height: 30px}






